/* rem 750 */
rem()
  (round(arguments / 75 * 1000) / 1000)rem

html, body, p,span,ul,li
  margin 0
  padding 0

.fn-hide, .fn-hidden
  display none !important
.fn-clear:after,.clearfix:after
  visibility hidden
  display block
  font-size 0
  content "\200B"
  clear both
  height 0
.fn-clear,.clearfix
  *zoom 1
.fn-left,.fn-right
  display inline
.fn-left
  float left !important
.fn-right
  float right !important
.fn-ellipsis
  fn-ellipsis()
.fn-ellipsis2
  fn-ellipsis2()

fn-ellipsis()
  word-break keep-all
  white-space nowrap
  text-overflow ellipsis
  overflow hidden
fn-ellipsis2()
  word-break break-all
  text-overflow ellipsis
  display -webkit-box
  -webkit-line-clamp 2
  -webkit-box-orient vertical
  overflow auto

.non-existent {
    position: absolute;
    width: 180px; height: 200px;
    top: 50%; left: 50%;
    margin-top: -100px; margin-left: -90px;
}

.banner 
  display block
  position fixed
  z-index 10
  bottom 0
  left 0
  width rem(750)
  height rem(100)
  background url(../img/banner.png) #fff no-repeat center center
  background-size 100%
.btn
  display inline-block
  height rem(72)
  line-height @height
  background rgba(11,11,11,1)
  border-radius 50%
  text-align center
  font-size rem(32)
  color #B0926A
  &.btn-xs
    height rem(44)
    line-height @height
  &.btn-sm
    padding 0 rem(24)
    height rem(62)
    line-height rem(62)
  &.btn-block
    display block
    width 100%
/*气泡提示*/
.toast 
  position fixed
  top 50%
  left 50%
  width rem(400)
  padding rem(25) rem(10)
  border-radius rem(8)
  -webkit-transform translate(-50%, -50%)
  background rgba(121,126,137,0.8)
  color #fff 
  text-align center
  z-index 15
  font-size rem(34)
  font-family "microsoft yahei"

.toast-icon 
  position relative
  display block
  width rem(70)
  height rem(70)
  margin 0 auto rem(10)

.toast-success {
  background: url(../img/success.png) no-repeat center center;
  background-size: 100%;
}
.toast-info {
  background: url(../img/info.png) no-repeat center center;
  background-size: 100%;
}
.toast-error {
  background url(../img/error.jpg) no-repeat center center;
  background-size: 100%;
}
.toast-loading-leaf {
  position: absolute;
  width: 12px; height: 4px;
  top: 50%; left: 50%;
  margin-top: -2px;
  background: #fff;
  -webkit-transform-origin: left 50%;
  transform-origin: left 50%;
}
.toast-loading-leaf-0 {
  -webkit-transform: rotate(45deg) translate(10px, 0px);
  transform: rotate(45deg) translate(10px, 0px);
  animation: loading 1s 0.125s linear infinite;
}
.toast-loading-leaf-1 {
  -webkit-transform: rotate(90deg) translate(10px, 0px);
  transform: rotate(90deg) translate(10px, 0px);
  animation: loading 1s 0.25s linear infinite;
}
.toast-loading-leaf-2 {
  -webkit-transform: rotate(135deg) translate(10px, 0px);
  transform: rotate(135deg) translate(10px, 0px);
  animation: loading 1s 0.375s linear infinite;
}
.toast-loading-leaf-3 {
  -webkit-transform: rotate(180deg) translate(10px, 0px);
  transform: rotate(180deg) translate(10px, 0px);
  animation: loading 1s 0.5s linear infinite;
}
.toast-loading-leaf-4 {
  -webkit-transform: rotate(225deg) translate(10px, 0px);
  transform: rotate(225deg) translate(10px, 0px);
  animation: loading 1s 0.625s linear infinite;
}
.toast-loading-leaf-5 {
  -webkit-transform: rotate(270deg) translate(10px, 0px);
  transform: rotate(270deg) translate(10px, 0px);
  animation: loading 1s 0.75s linear infinite;
}
.toast-loading-leaf-6 {
  -webkit-transform: rotate(315deg) translate(10px, 0px);
  transform: rotate(315deg) translate(10px, 0px);
  animation: loading 1s 0.875s linear infinite;
}
.toast-loading-leaf-7 {
  -webkit-transform: translate(10px, 0px);
  transform: translate(10px, 0px);
  animation: loading 1s 1s linear infinite;
}
@-webkit-keyframes loading {
  0%    { opacity: 0.25;}
  90%   { opacity: 1;}
  100%  { opacity: 0.25;}
}
/*弹框*/
.pop-mask {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.3);
}
.popup-outer {
  position: absolute;
  top: 50%; left: 50%;
  width:70%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 0.2rem;
  text-align: center;
  background: #fff;
  overflow: hidden;
}
.popup-inner {
  padding: 0.5rem;
  max-height: 6rem;
  font-size: 0.32rem;
  color: #444;
  overflow: scroll;
}
.popup-inner iframe {
  display: block;
  width: 100%;
}
.popup-btn-grounp{
  border-top: 1px solid #ddd;
  color: #007aff;
}
.popup-btn {
  display: inline-block;
  padding: 0.3rem 0;
}
.popup-btn.single {
  width: 100%;
}
.popup-btn.double {
  width: 50%;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.popup-btn.double:last-child {
  border-right: none;
}


